// body {
.file-explorer-flat {
    // --explorer-padding: 0;
    --explorer-root-folder-margin: 0 0 7px 0;
    --explorer-root-folder-padding: 0;
    --explorer-root-folder-indentation-width: 0;

    --explorer-root-folder-background: var(--folder);
    --explorer-root-background: hsla(var(--color-accent-hsl), 0.3);
    --explorer-root-folder-color: var(--text, var(--nav-item-color));
    --explorer-root-folder-open-background: var(--folder);
    --explorer-root-folder-open-color: var(--text-on-accent);
    --explorer-folder-open-background: var(--td, var(--background-modifier-cover));
    --explorer-folder-icon-color: var(--explorer-root-folder-background);
    
    // --explorer-root-border-color: var(--explorer-root-folder-background);
    --explorer-root-collapsed-background: transparent;
    --explorer-root-folder-indentation-color: var(--explorer-root-folder-background);
    
    //Root folder
    & .nav-folder.mod-root > .nav-folder-children > .nav-folder,
    & .nav-files-container > div > .nav-folder {
        //Opened Folder
        & > .nav-folder-children {
            //Alignment
            margin: var(--explorer-root-folder-margin);
            padding-left: var(--explorer-root-folder-padding);
            border-width: var(--explorer-root-folder-indentation-width);
            border-color: var(--explorer-root-folder-indentation-color);
            
            border-bottom: 2px solid var(--explorer-root-folder-background);
            background-color: var(--explorer-root-background);
            --nav-indentation-guide-color: var(--explorer-root-folder-indentation-color);
        }
        // & .nav-folder-title-content::before { --folder: var(--explorer-folder-icon-color); }

        //Closed Folder
        &.is-collapsed > .nav-folder-title:not(:hover) {
            background-color: var(--explorer-root-collapsed-background);
            color: var(--explorer-root-folder-color);
        }

        //Root Open Folder Color
        &:not(.is-collapsed) > .nav-folder-title:not(:hover) {
            background-color: var(--explorer-root-folder-open-background);
            border-bottom-color: var(--explorer-root-folder-background);
            color: var(--explorer-root-folder-open-color);
            --folder-icon-open-color: var(--explorer-root-folder-open-color); 
            
            //Fix Root Arrow Coloring
            & .collapse-icon {
                --nav-collapse-icon-color: var(--explorer-root-folder-open-color);
            }
            
        }
        //Fix Arrow Alignment
        & .nav-folder-title { align-items: center; }
        //Fix Arrow 
        & .nav-folder-collapse-indicator
        { --nav-collapse-icon-color: var(--nav-item-color); }

    }
    
    // Opened Folder     
    & .mod-root .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-title > .nav-folder-title-content,
    & .nav-folder:not(.is-collapsed) > .nav-folder-title > .nav-folder-title-content {
        text-align: center;
        transition:cubic-bezier(1, 0, 0, 1);
        text-transform: uppercase;
        letter-spacing: .25em;
        padding: 3px 0;
        width: 100%;
        
        // Icon Float
        &::before {
            float: left;
            // padding-left: 1px;
            // margin-right: 0px;
        }
    }

    //Sub Folder Styling
    & .mod-root .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-children > .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover),
    & .nav-folder .nav-folder:not(.is-collapsed) > .nav-folder-title:not(:hover) {
        background-color: var(--explorer-folder-open-background);
        border-bottom-color: var(--explorer-root-folder-background);

        & > .nav-folder-title-content::before {
            color: var(--folder-open-text-color);
        }
    }
}